<template>
  <div>
    <h1>This is about page: {{text}}</h1>

    <p>Check the source code to see the custom meta tags added with our custom component <code>twitter-head-card</code></p>

    <twitter-head-card></twitter-head-card>

    <p>
      <NLink to="/">HomePage</NLink>
    </p>
  </div>
</template>

<script>
  import TwitterHeadCard from '~/components/twitter-head-card'

  export default {
    asyncData() {
      return new Promise((resolve) => {
        setTimeout(function () {
          resolve({})
        }, 1000)
      })
    },
    components: {
      TwitterHeadCard
    },
    data: () => ({
      text: 'Hello, World'
    })
  }
</script>

<style scoped>

</style>
